<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no">
		<title>模板</title>
		<style type="text/css">
			* {
				padding: 0;
				margin: 0;
				list-style: none;
				text-decoration: none;
			}
			
			body {
				padding-bottom: 50px;
				margin: 0;
			}
			
			img {
				display: block;
				width: 100%;
			}
			
			.fixed-bottom {
				width: 100%;
				left: 0;
				bottom: 0;
				z-index: 999;
				position: fixed;
			}
			
			.fixed-bottom:after {
				content: " ";
				clear: both;
				display: block;
			}
			
			.fixed-bottom .tel-btn {
				width: 50%;
				float: left;
				color: #ffffff;
				display: block;
				padding: 10px 0;
				text-align: center;
				background: #980000;
				box-sizing: border-box;
			}
		</style>
	</head>

	<body>
		<div class="content">
			<img src="http://www.taopic.com/uploads/allimg/140320/235013-14032020515270.jpg" alt="" />
			<img src="http://p3.pstatp.com/large/3829/1915299602" alt="" />
		</div>
		<div id="order">
			<iframe frameborder="0" scrolling="no" width="100%" height="800px" src="http://order.footzd.com/style/streamline/index.html?custom=test&amp;product=test"></iframe>
		</div>
		<div class="fixed-bottom">
			<a href="javascript:void();" class="tel-btn">电话下单</a>
			<a href="#order" class="tel-btn">提交订单</a>
		</div>
	</body>

</html>